<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>OSCARS</title>
	<!--[if lt ie 9]><script src="html5.js"></script><![endif]-->
	<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0">
	<link rel="stylesheet" href="css/reset.css">
	<link rel="stylesheet" href="css/oscars.css">
	 <script src="js/jquery-1.7.1.js"></script>
    <script src="js/modernizr.js"></script>
    <script src="js/conditional.js"></script>	
</head>
<body>
	<header>
	  <div class="header-inner clearfix">
		<h1>AND THE WINNER IS<span>N'T...</span></h1>	
		<nav>
			<ul id="mainNav">
				<li><a href="#">WHY?</a></li>
				<li><a href="#">SYNOPSIS</a></li>
				<li><a href="#">STILLS/PHOTOS</a></li>
				<li><a href="#">VIDEOS/CLIPS</a></li>
				<li><a href="#">QUOTES</a></li>
				<li><a href="#">QUIZ</a></li>
			</ul>
		</nav>	
      </div>
	</header>
	<section class="main">
		<div class="main-inner clearfix">
			<aside class="clearfix">
              <div class="demo clearfix">	
				<h2>UNSUNG HEROES...</h2>
                <div class="move">
				  <img src="images/move1_03.png" alt="">
				  <a href="#">full info</a>
                </div>
                <div class="move">
				 <img src="images/move2_03.png" alt="">
				 <a href="#">full info</a>
                </div>
              </div>
              <div class="demo clearfix">	
				<h2>OVERHYPED NONSENSE...</h2>
                <div class="move">
				  <img src="images/move3_03.png" alt="">
				  <a href="#">full info</a>
                </div>
                <div class="move">
				 <img src="images/move4_03.png" alt="">
				 <a href="#">full info</a>
                </div>
              </div>
			</aside>
			<div class="content">
				<div class="pic">
					<img src="images/oscar_03.png" alt="">
				</div>
				<article>
					<h1>EVERY YEAR</h1>
					<h2>WHEN I WACTH THE OSCARS I'M ANNOYED...</h2>
                    <p>that films like <span title="king kong">King Kong</span>,<span title="moulin rouge">Moulin Rouge</span> and <span title="munich">Munich</span> get the statue whilst the <span>real</span> cinematic heroes lose out.Not very Hollywood is it? We're here to put things right.</p>
                    <a href="#">THESE SHOULD HAVE WON <span>&gt;&gt;</span></a>
				</article>
			</div>
		</div>
	</section>
	<footer>
		<div class="footer-inner">
			<p>NOTE:OUR OPINION IS ABSOLUTELY CIRRECT.YOU ARE WRONG,EVEN IF YOU THINK YOU ARE RUGHT.THAT'S A FECT.DEAL WITHIT.</p>
		</div>
	</footer>
</body>
</html>